<template>
  <div>
    <Row class="banner">
      <h1>易燃易爆化学物品管控</h1>
      <h2>对贵阳市易燃易爆化学品生产单位和运输部位进行分析管控</h2>
    </Row>
    <Row class="row" justify="start" type="flex" :gutter="16">
      <Col span="6">
        <sv-hdProductionChart></sv-hdProductionChart>
      </Col>
      <Col span="18">
        <sv-highDangerProduction></sv-highDangerProduction>
      </Col>
    </Row>
    <Row class="row" justify="start" type="flex" :gutter="16">
      <Col span="6">
        <sv-hdTransportChart></sv-hdTransportChart>
      </Col>
      <Col span="18">
        <sv-highDangerTransport></sv-highDangerTransport>
      </Col>
    </Row>
  </div>
</template>

<script>
import sv_hdProductionChart from "@/views/data-statics/high-dangerous-chemistry/sv-hdProductionChart";
import sv_highDangerProduction from "@/views/data-statics/high-dangerous-chemistry/sv-highDangerProduction";
import sv_hdTransportChart from "@/views/data-statics/high-dangerous-chemistry/sv-hdTransportChart";
import sv_highDangerTransport from "@/views/data-statics/high-dangerous-chemistry/sv-highDangerTransport";

export default {
  name: "",
  data() {
    return {};
  },
  components: {
    "sv-hdProductionChart": sv_hdProductionChart,
    "sv-highDangerProduction": sv_highDangerProduction,
    "sv-hdTransportChart": sv_hdTransportChart,
    "sv-highDangerTransport": sv_highDangerTransport
  }
};
</script>

<style scoped>
</style>